@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"宋体","Microsoft Yahei"; font-size:12px; min-width:1200px;}
img{border:0;}
a{text-decoration:none; color:#333; transition:color 0.3s ease-in-out; -webkit-transition:color 0.3s ease-in-out; -moz-transition:color 0.3s ease-in-out; outline:none;}
a:hover{text-decoration:none; color:#000;}
ol,ul{list-style:none;}
i, em{font-style:normal;}
img{max-width:100%;}
input,select{-moz-user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none;outline:0 !important;}
:focus{outline:none;}

.fl{float:left;}
.fr{float:right;}
/*浮动清理*/
.clear{clear:both;}
.main{width:1200px; margin:0 auto;}


.top{width:100%; height:40px; line-height:40px; background:#2a2f36; color:#fff;}
.top span{float:right;}
.top a{color:#fff; position:relative; display:inline-block; height:40px; line-height:40px;}
.top a img{display:none; position:absolute; left:0; top:40px; width:150px; height:150px;}
.top a:hover{color:#000;}
.top a:hover img{display:block;}
.top span i{padding:0 10px;}

.head{width:100%; height:100px; margin:0;}
.logo{width:360px; height:72px; margin:14px 0;}
.logo img{height:72px;}
.headPic{width:300px; height:90px; margin:5px 0 5px 20px;}
.headPic img{height:90px;}
.tel{display:inline-block; height:60px; line-height:30px; margin:20px 0; color:#666; text-indent:35px; background:url(../images/tel.png) no-repeat left top;}
.tel span{display:block; height:30px; line-height:30px; font-family:arial; color:#000; font-size:24px;}

.menu{width:840px; height:100px; background:#fff;float:right;}
.menu ul{width:100%; margin:0 auto;padding-left:150px;}
.menu ul li{width:118px; height:100px; border-right:#fff 1px solid; float:left; text-align:center; float:left;}
.menu ul li:last-child{border-right:0;}
.menu ul li a{font-size:15px; display:block; width:100px; height:100px; line-height:100px; color:#000;font-family:Tahoma, Geneva, sans-serif;font-weight:bolder;}
.menu ul li a:hover{background:#000; color:#fff;}

/*-----------------------下拉部分样式----------------------*/
.dropMenu{
position:absolute;
top:0;
border-top:#fff 1px solid;
z-index:100;
background-color:#000;
/*
filter:alpha(opacity=96);opacity:096;
*/
width:100px;
display:none;  
margin-left:1px;
margin-top:0px;
}
.dropMenu a:link,.dropMenu a:visited{
width:auto;
display:block;
text-indent:2px;
border-top:0;
border-bottom:1px solid #FFF; /*THEME CHANGE HERE*/
padding:2px 0;
text-decoration:none;
color:#fff;
text-align:center;
font-size:14px;
line-height:42px;
height:42px;
font-weight:normal;
}

/*鼠标移动上面的样式 a:hover 以及 打开了下一级的aLink*/
.dropMenu_a_cur{background-color:#000;}
.dropMenu a:hover{color:#000; background-color:#fff;}
.mainMenu_a_cur{color:#fff!important;background-color:#000;}

.banner{width:100%; height:550px; overflow:hidden; position:relative;}
.banner .hd{width:100%; height:5px; overflow:hidden; position:absolute; left:0; bottom:20px; z-index:1; }
.banner .hd ul{overflow:hidden; zoom:1; width:100%; text-align:center; float:left;}
.banner .hd ul li{display:inline-block; margin:0 5px; width:25px; height:5px; font-size:0; background:#fff; cursor:pointer;}
.banner .hd ul li.on{background:#000;}
.banner .bd{position:relative; height:100%; z-index:0;}
.banner .bd li{zoom:1; vertical-align:middle;}
.banner .bd img{width:100%; height:550px; display:block;}

.topnews{width:100%; height:30px; padding:15px 0; background:#eee;}
.newsScroll{width:500px; height:30px;}
.newsScroll h1{width:85px; height:30px; line-height:30px; color:#000; background:url(../images/hot.png) no-repeat left center; font-weight:normal; padding-left:15px; float:left; font-size:12px;}
.newsScroll .bd{width:400px; height:30px; float:left;}
.newsScroll .bd ul li{height:30px; line-height:30px;}
.newsScroll .bd ul li a{color:#666;}
.newsScroll .bd ul li a:hover{color:#000;}
.newsScroll .bd ul li span{float:right; color:#000;}

.search{width:280px; height:30px;}
.search input.txt{width:194px; height:28px; line-height:28px; padding:0 5px; border:1px solid #ccc; float:left;}
.search input.btn{width:70px; height:30px; line-height:30px; background:url(../images/ss.jpg) no-repeat center; border:0; float:right; cursor:pointer; font-size:0; text-indent:-999px;}

.title{width:100%; float:left; text-align:center; font-size:30px; line-height:30px; font-family:微软雅黑; margin-bottom:30px;}
.title span{display:block; font-family:arial; font-size:14px; text-transform:uppercase; color:#000; line-height:16px;}
.case{width:100%; padding:50px 0;}
.case dl{width:1204px; margin-left:-4px; float:left;}
.case dl dt{width:297px; height:210px; margin:4px 0 0 4px; float:left; position:relative; overflow:hidden;}
.case dl dt img{width:297px; height:210px;}
.case dl dt a p{position:absolute; right:10px; bottom:10px; width:277px; height:190px; opacity:0; background:rgba(0,0,0,0.5); color:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; text-align:center;}
.case dl dt a p span{display:block; width:200px; height:40px; line-height:40px; color:#fff; font-size:18px; font-family:微软雅黑; border-bottom:#fff 1px solid; border-top:#fff 1px solid; position:absolute; bottom:0; left:50%; margin-left:-100px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.case dl dt a:hover p{opacity:1;}
.case dl dt a:hover p span{bottom:74px;}
.case dl dt:first-child{width:598px; height:424px;}
.case dl dt:first-child img{width:598px; height:424px; transition:.2s;}
.case dl dt:first-child a:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}
.case dl dt:first-child a p{width:598px; height:60px; bottom:0; right:-533px; background:#000; opacity:1;}
.case dl dt:first-child a p span{opacity:0; width:508px; opacity:0; background:url(../images/cjth.png) no-repeat 25px center; padding-left:90px; font-size:14px; left:0; margin-left:0; bottom:0; height:60px; line-height:60px; text-align:left; border:0;}
.case dl dt:first-child a:hover p{right:0;}
.case dl dt:first-child a:hover p span{opacity:1; bottom:0;}
.case dl dd{width:598px; height:210px; margin:4px 0 0 4px; float:left; background:url(../images/ctel.jpg) no-repeat;}
.case dl dd p{margin:75px 0 0 80px; height:59px; line-height:24px; color:#fff; padding-left:50px; background:url(../images/dtel.png) no-repeat left center;}
.case dl dd p span{display:block; height:35px; line-height:35px; font-size:34px; font-family:Arial, Helvetica, sans-serif;}
.more{width:100%; float:left; margin-top:25px;}
.more a{display:block;width:73px; height:28px; line-height:28px; font-family:arial; border:1px solid #dbdbdb; border-radius:15px; text-transform:uppercase; color:#333; margin:0 auto; background:url(../images/mr.png) no-repeat 65px center #fff; padding-left:25px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.more a:hover{width:90px; background:url(../images/mrh.png) no-repeat 75px center #000;color:#fff;border-color:#000;}

.youshi{width:100%; padding:50px 0; background:#eee;}
.slideBox{width:1200px; height:500px; float:left;}
.slideBox .tab{width:205px; height:500px; background:url(../images/zg.png) no-repeat bottom center; float:left;}
.slideBox .tab li{height:70px; line-height:70px; font-size:18px; margin-bottom:10px; background:#fff; border-radius:100px 0 0 100px; width:195px; cursor:pointer; font-family:微软雅黑;}
.slideBox .tab li span{display:inline-block; width:64px; height:64px; margin-left:3px; margin-top:3px; background:#eee; border-radius:50%; text-align:center; font-size:24px; font-family:arial; margin-right:20px;}
.slideBox .tab li.on{background:#000; width:205px; font-size:24px; color:#fff;}
.slideBox .tab li.on span{background:#555; color:#fff;}
.slideBox .img{width:995px; float:left; zoom:1;}
.slideBox .img li{width:995px; height:500px; position:relative;}
.slideBox .img li img{width:995px; height:500px;}
.slideBox .img li div{width:370px; height:500px; position:absolute; right:0; top:0; background:rgba(0,0,0,0.5); color:#fff;}
.slideBox .img li div h1{display:inline-block; padding:0 20px; height:50px; line-height:50px; background:#000; font-size:24px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:50px 0 20px 0;}
.slideBox .img li div h2{width:310px; margin:0 30px; font-size:24px; color:#fff; font-weight:normal; padding:20px 0; border-bottom:1px solid #46433f; line-height:26px; font-family:微软雅黑;}
.slideBox .img li div p{width:300px; line-height:24px; padding-left:10px; font-size:14px; margin:15px 30px 0;}
.slideBox .img li div a{display:block; width:130px; height:28px; line-height:28px; border:1px solid #fff; border-radius:15px; color:#fff; background:url(../images/mra.png) no-repeat 130px center; padding-left:25px; margin:50px 30px 0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.slideBox .img li div a:hover{background:url(../images/mrh.png) no-repeat 150px center #000; color:#fff; border-color:#000; width:160px;}

.team{width:100%; padding:50px 0;background:#eee;}
.teamScroll .bd{width:1200px; position:relative;}
.teamScroll .prev,.teamScroll .next{position:absolute; top:50%; margin-top:-50px; left:-50px; display:block; width:45px; height:100px; background:url(../images/bant.png) no-repeat left center; z-index:9; overflow:hidden; filter:alpha(opacity=80); opacity:0.8; cursor:pointer;}
.teamScroll .next{left:auto; right:-50px; background:url(../images/bant.png) no-repeat right center;}
.teamScroll .prev:hover, .teamScroll .next:hover{filter:alpha(opacity=100); opacity:1;}

.teamScroll .scrollBox{width:1200px;}
.teamScroll ul{overflow:hidden; zoom:1;}
.teamScroll li{width:220px; margin:0 10px; position:relative; float:left;}
.teamScroll li a span{display:block; width:220px; height:164px; overflow:hidden; float:left;}
.teamScroll li a img{width:220px; height:164px; transition:.2s;}
.teamScroll li a:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}
.teamScroll li a p{width:200px; padding:10px; height:30px; line-height:30px; text-align:center; color:#fff; background:#333 url(../images/tmore.png) no-repeat right bottom; float:left;}

.about{width:100%; padding:50px 0; background:#eee;}
.about dl{width:100%; float:left;}
.about dl dd{width:100%; float:left;}
.about dl dt{width:100%; line-height:24px; font-size:14px; margin-top:10px; float:left;}

.site{width:100%; padding:50px 0;}
.siteBox{width:1200px; margin:0 auto;}
.siteBox .hd{width:160px; height:80px; margin:0 520px; border-radius:0 0 100px 100px; overflow:hidden; float:left;}
.siteBox .hd ul li{float:left; width:80px; height:65px; padding-top:15px; text-align:center; line-height:18px; background:#dfdfdf; cursor:pointer; font-size:15px; font-family:微软雅黑;}
.siteBox .hd ul li.on{background:#000; color:#fff;}
.siteBox .bd{width:1200px; margin-top:5px; float:left;}
.siteBox .bd ul{width:1220px; zoom:1;}
.siteBox .bd li{width:290px; height:360px; position:relative; margin-right:15px; overflow:hidden; float:left;}
.siteBox .bd li img{width:290px; height:360px; transition:.2s;}
.siteBox .bd li a:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}
.siteBox .bd li p{width:290px; height:0px; line-height:500px; text-align:center; padding:0 10px; overflow:hidden; position:absolute; left:0; bottom:-30px;  transition:.3s; background:rgba(0,0,0,0.5); color:#fff;}        
.siteBox .bd li a:hover p{bottom:0;background:url(../images/mouse1_logo.png) center;width:290px; height:390px;}

.news{width:100%; padding:50px 0; background:#fff;}
.newsList{width:1224px; margin-top:-24px;}
.newsList dl{width:588px; margin:24px 24px 0 0; float:left; background:#fff;}
.newsList dl dd{width:350px; height:230px; float:left;}
.newsList dl dd img{width:350px; height:230px;}
.newsList dl dt{width:198px; height:200px; padding:15px 20px; transition:.3s; float:left;}
.newsList dl dt h1{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsList dl dt span{display:block; width:100%; height:21px; line-height:21px; color:#000; border-bottom:#eee 1px solid; padding-bottom:8px;}
.newsList dl dt p{width:100%; height:132px; line-height:22px; padding-top:8px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden; color:#666;}
.newsList dl a:hover dt{background:#000;}
.newsList dl a:hover h1, .newsList dl a:hover span, .newsList dl a:hover p{color:#fff;}
.newsList dl a:hover span{border-bottom-color:#fff;}

.message{width:100%; padding:5px 0; background:#000; position:relative; border-bottom:3px #eee solid;}
.messageBg{width:50%; height:350px; background:url(../images/ly.jpg) no-repeat right center; position:absolute; left:0; top:5px;}
.message .main{width:570px; height:350px; padding-left:630px; color:#fff;}
.message h1{height:60px; line-height:30px; padding:15px 0 10px; font-size:20px; font-family:微软雅黑; font-weight:normal;}
.message h1 span{font-size:26px; font-weight:bold; display:block; height:30px; line-height:30px;}
.message p{font-size:14px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #fff; margin-bottom:15px;}
.message dl{padding:4px 0 4px 8px;}
.message dl dt{width:80px; height:24px; line-height:24px; float:left; text-align:right;}
.message dl dd{min-height:24px; margin-left:88px;}
.message dl dd input,.message dl dd textarea{width:326px; height:24px; line-height:24px; background:#fff; border:0; margin:0; padding:0 5px; color:#333;}
.message dl dd textarea{height:60px; padding:5px;}
.message dl dd input#queren{width:80px; padding:0;}

.footCopy{width:100%; padding:40px 0 30px; background:#121212; color:#747474;}
.fmenu{width:135px;}
.fmenu h2{font-size:14px; color:#fff; padding-bottom:10px; font-weight:normal; height:24px; line-height:24px;}
.fmenu a{color:#747474; display:block; line-height:24px;}
.fmenu a:hover{color:#fff;}
.ftel{width:310px;}
.ftel div{width:260px; height:59px; line-height:24px; padding-left:50px; color:#fff; background:url(../images/dtel.png) no-repeat left center; margin-bottom:10px;}
.ftel div span{display:block; height:35px; line-height:35px; font-size:34px; font-family:Arial, Helvetica, sans-serif;}
.ftel p{line-height:24px;}
.code{width:120px; line-height:24px;}
.code img{width:120px; height:120px;}
.code span{display:block; line-height:18px; background:url(../images/sj.jpg) no-repeat left center; padding-left:30px; margin-top:5px;}

.foot{width:100%; text-align:center; color:#7a7a7a; border-top:1px solid #2a2a2a; padding:10px 0; background:#121212; line-height:20px; overflow:hidden; font-family:微软雅黑;}
.foot a{color:#7a7a7a;}
.foot a:hover{color:#fff;}

.aboutB, .caseB, .serviceB, .newsB, .teamB{width:100%; height:200px;}
.aboutB span, .caseB span, .serviceB span, .newsB span, .teamB span{display:block; padding:6px; height:68px; background:#000; color:#fff; margin-top:60px; float:left; font-family:微软雅黑; font-size:30px;}
.aboutB span i, .caseB span i, .serviceB span i, .newsB span i, .teamB span i{display:block; padding:0 12px; height:64px; line-height:64px; border:#fff 2px solid;}
.aboutB{background:url(../images/jj.jpg) no-repeat center;}
.caseB{background:url(../images/case.jpg) no-repeat center;}
.teamB{background:url(../images/team.jpg) no-repeat center;}
.serviceB{background:url(../images/service.jpg) no-repeat center;}
.newsB{background:url(../images/news.jpg) no-repeat center;}

.nav{width:100%; min-height:48px; line-height:48px; background:#f5f5f5; border-bottom:#d2d2d2 1px solid;}
.nav a{display:block; height:48px; float:left; margin-right:40px; font-size:14px; font-family:微软雅黑;}
.nav a.on{color:#000;}

.post{width:100%; height:20px; line-height:20px; text-align:right; margin-top:10px;}
.post span{display:inline-block; padding-left:20px; height:20px; background:url(../images/curr.png) no-repeat left center; color:#666; font-size:12px;}
.post a{color:#666;}
.post a:hover{color:#000;}

.nyCon{width:100%;}
.ny_about{width:100%; line-height:30px; margin:30px 0;}

.ny_case{width:100%; margin:30px 0;}
.ny_case ul{width:1220px; float:left;}
.ny_case ul li{width:285px; height:200px; position:relative; overflow:hidden; margin:0 20px 20px 0; float:left;}
.ny_case ul li img{width:285px; height:200px; transition:.3s;}
.ny_case ul li a:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.ny_case ul li p{width:255px; padding:0 15px; height:30px; line-height:30px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; text-overflow:ellipsis; white-space:nowrap;}

.ny_team{width:100%; margin:30px 0;}
.ny_team ul{width:1220px; float:left;}
.ny_team ul li{width:285px; height:302px; position:relative; overflow:hidden; margin:0 20px 20px 0; float:left;}
.ny_team ul li img{width:285px; height:302px; transition:.3s;}
.ny_team ul li a:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.ny_team ul li p{width:255px; padding:0 15px; height:30px; line-height:30px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; text-overflow:ellipsis; white-space:nowrap;}

.page{width:100%; text-align:center; padding:10px 0;}
.page a{display:inline-block; height:22px; line-height:22px; border: 1px solid #e3e3e3; color:#333; padding:0 10px; margin:0 2px;}
.page a:hover{color:#000;}
.page a.on{color:#fff; background:#000; border-color:#000;}

.album{margin:30px auto; width:1188px; overflow:hidden;}
.album-title{width:100%; height:50px; line-height:50px; font-family:微软雅黑; font-size:18px; text-align:center; font-weight:bold;}
.album-image-md{position:relative; z-index:1; margin:0 auto; height:500px; overflow:hidden;}
.album-image-bd{position:relative; z-index:1; margin:0 auto; height:500px; text-align:center; overflow:hidden;}
.album-image{position:absolute; z-index:2; top:50%; left:50%; max-width:1188px; max-height:500px;}
.album-image-ft{margin:0 auto; height:50px; line-height:50px; text-align:center; overflow:hidden;}
#album-image-ft{font-size:12px;}

.album-image-nav{position:absolute; z-index:2; top:0; left:0; margin:0; padding:0; width:1188px; height:500px; overflow:hidden;}
.album-image-nav-left-block{position:relative; z-index:1; float:left; margin:0; width:50%; height:500px; list-style-type:none; overflow:hidden;}
.album-image-nav-right-block{position:relative; z-index:1; float:left; margin:0; width:50%; height:500px; list-style-type:none; overflow:hidden;}

.album-image-loading-overlay{position:absolute; z-index:4; top:0; left:0; margin:0; width:1188px; height:500px; background-color:#FFF; opacity:0.6; filter:alpha(opacity=60); overflow:hidden;}
.album-image-loading-overlay img{position:absolute; z-index:4; top:50%; left:50%; margin:-50px  0 0 -50px; width:100px; height:100px;}

.album-image-btn-prev, .album-image-btn-prev:hover{position:absolute; z-index:2; top:50%; left:0; margin:-40px 0 0 0; width:50px; height:80px; line-height:70px; font-size:100px; color:#000; background-color:#333; opacity:0.7; filter:alpha(opacity=70); text-decoration:none; text-indent:7px; overflow:hidden;}
.album-image-btn-next, .album-image-btn-next:hover{position:absolute; z-index:2; top:50%; right:0; margin:-40px 0 0 0; width:50px; height:80px; line-height:70px; font-size:100px; color:#000; background-color:#333; opacity:0.7; filter:alpha(opacity=70); text-decoration:none; text-indent:7px; overflow:hidden;}
.album-image-btn-prev:hover, .album-image-btn-next:hover{color:#fff; background-color:#000;}

.album-carousel{margin:0 auto; width:1188px; height:80px; overflow:hidden;}
.album-carousel-btn-prev, .album-carousel-btn-prev:hover{float:left; width:50px; height:72px; line-height:64px; text-indent:7px; font-size:80px; text-decoration:none; color:#000; overflow:hidden; margin-right:4px;}
.album-carousel-btn-next, .album-carousel-btn-next:hover{float:right; width:50px; height:72px; line-height:64px; text-indent:7px; font-size:80px; text-decoration:none; color:#000; overflow:hidden; margin-left:4px;}
.album-carousel-btn-prev:hover, .album-carousel-btn-next:hover{color:#000; background-color:#F4F4F4;}

.album-carousel-zone{position:relative; z-index:1; float:left; width:1080px; height:72px; background:#FFF; overflow:hidden;}
.album-carousel-list{position:absolute; z-index:2; top:0; left:0; width:auto; height:72px; overflow:hidden;}
.album-carousel-thumb{position:relative; z-index:3; float:left; list-style-type:none; width:102px; height:72px; margin:0 3px; overflow:hidden;}
.album-carousel-thumb a{position:absolute; z-index:2; top:0; left:0; display:block; width:102px; height:72px; overflow:hidden;}
.album-carousel-thumb-selected a, .album-carousel-thumb-selected a:hover, .album-carousel-thumb a:hover{width:96px; height:66px; border:3px solid #000;}
.album-carousel-thumb img{position:absolute; z-index:1; display:block; top:0; left:0; width:102px; height:72px; opacity:0.5; filter:alpha(opacity=50);}
.album-carousel-thumb-selected a img, .album-carousel-thumb-selected a:hover img, .album-carousel-thumb a:hover img{opacity:1; filter:alpha(opacity=100);}
.hide{display:none;}

.ny_news{width:100%; margin:10px 0 30px;}
.ny_news dl{width:100%; margin:20px 0; border-bottom:#ddd 1px solid; float:left;}
.ny_news dl dd{width:350px; height:230px; overflow:hidden; float:left;}
.ny_news dl dd img{width:350px; height:230px; transition:.3s;}
.ny_news dl a:hover dd img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.ny_news dl dt{width:810px; height:200px; padding:15px 20px; transition:.3s; float:left;}
.ny_news dl dt h1{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny_news dl dt span{display:block; width:100%; height:21px; line-height:21px; color:#000; border-bottom:#eee 1px solid; padding-bottom:8px;}
.ny_news dl dt p{width:100%; height:132px; line-height:22px; padding-top:8px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden; color:#666;}
.ny_news dl a:hover dt{background:#000;}
.ny_news dl a:hover h1, .ny_news dl a:hover span, .ny_news dl a:hover p{color:#fff;}
.ny_news dl a:hover span{border-bottom-color:#fff;}

.ny_news .page{margin-top:10px;}